import React from 'react'
import { Layout, Typography, Input } from 'antd'
import styles from './TrMiddle.module.css'

export const TrMiddle: React.FC = () => {
  return (
    <div className={styles['middle-wrap']}>
      <Layout.Header className={styles['middle-header']}>
        <Typography.Title level={3} className={styles['middle-title']}>
          叮当旅游
        </Typography.Title>
        <Input.Search
          placeholder={'请输入旅游目的地、主题、或关键字'}
          className={styles['middle-input']}
        />
      </Layout.Header>
    </div>
  )
}
